.ball {
    position: relative;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    translate: 1s;
    opacity:0.5;
}
.right svg{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}
.right svg rect{
    fill: none;
    width: 100%;
    height: 100%;
    stroke-width: 10;
    stroke: rgb(203, 156, 215);
    stroke-dasharray: 400px;
    stroke-dashoffset: 0;
    transition: stroke-dashoffset 1.5s ease;
}
/* .right:hover svg rect{
    stroke-dasharray: 400px;
    stroke-dashoffset: 800;
} */
